<template>
    <div class="data-submit-success">
        <img class="icon" src="//img.static-keyid.cn/toolspace/scrm/2023/10/169717723061305fjb8m348n70juf.png" alt="" />
        <div class="desc">资料提交成功，等待审核中</div>
        <div>
            <el-button @click="onDetail">查看填写信息</el-button>
            <el-button class="back-btn" type="primary" @click="onBack">返回列表</el-button>
        </div>
    </div>
</template>
<script setup>
import { ref } from 'vue';

const emit = defineEmits(['submit']);

const onDetail = () => {
    emit('submit', 'detail');
};

const onBack = () => {
    emit('submit', 'back');
};
</script>
<style lang="scss" scoped>
.data-submit-success {
    height: calc(100vh - 180px);
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .icon {
        width: 72px;
        height: 72px;
    }
    .desc {
        margin: 24px 0;
        font-size: 24px;
        font-weight: 500;
        color: #333333;
        line-height: 32px;
    }
    .back-btn {
        width: 116px;
    }
}
</style>
